.detail {
  &__ {
    &main {
      padding: 15px;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    &title {
      font-weight: bold;
      color: #595a5b;
    }
    &userInfo {
      display: flex;

      color: #8b8c8e;
      font-size: 17px;
      align-items: center;
      gap: 5px;

      &-avatar {
        width: 17px;
        height: 17px;

        img {
          border-radius: 50%;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
    }

    &postInfo {
      display: flex;
      align-items: center;
      gap: 10px;
      color: #c1c2c5;
      font-size: 13px;
    }
  }
}

.vuepress-markdown-body {
  padding: 0 !important;
}
